<template>
  <div class="about">
    <!-- 面包屑导航区域 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>全局搜索</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <!-- 部门列表区 -->
      <!-- <el-table border stripe :data="searchdata">

        <el-table-column label="序号" type="index"> </el-table-column>
        <el-table-column prop="title" label="标题"> </el-table-column>
        <el-table-column prop="searchData.jobNumber" label="工号">
        </el-table-column>
        <el-table-column
          label="日期"
          prop="searchData.date"
          v-if="show"
          
        >
        </el-table-column>
        <el-table-column prop="searchData.meritMoney" label="绩效金额">
        </el-table-column>
        <el-table-column prop="searchData.meritFrom" label="绩效来源">
        </el-table-column>
      </el-table> -->

      <ul>
        <li
          v-for="item in searchdata"
          :key="item.id"
          style="display: inline-block"
          class="item"
        >
          <p>{{ item.title }}</p>
          <p>{{ item.searchData.jobNumber }}</p>
          <p>{{ item.searchData.date }}</p>
          <p>{{ item.searchData.meritMoney }}</p>
          <p>{{ item.searchData.meritFrom }}</p>

          <p>{{ item.searchData.departmentName }}</p>
          <p>{{ item.searchData.processName }}</p>
          <!-- <p>{{ item.searchData.procData.acAmount }}</p> -->
          <!-- <p>{{ item.searchData.procData.boAmount }}</p>
          <p>{{ item.searchData.procData.reAmount }}</p>
          <p>{{ item.searchData.procData.reimbursementType }}</p> -->

          <p>{{ item.searchData.adjustAge }}</p>
          <p>{{ item.searchData.basicSalary }}</p>
          <p>{{ item.searchData.department }}</p>
          <p>{{ item.searchData.job }}</p>
          <p>{{ item.searchData.hireForm }}</p>
          <p>{{ item.searchData.rank }}</p>
          <p>{{ item.searchData.workEmail }}</p>
          <p>{{ item.searchData.taxCity }}</p>
          <p>{{ item.searchData.timeInCompany }}</p>

          <p>{{ item.searchData.handleJobNumber }}</p>
          <p>{{ item.searchData.handleOpinion }}</p>
          <p>{{ item.searchData.handleUserName }}</p>
          <p>{{ item.searchData.taskName }}</p>
          <p>{{ item.searchData.updateTime }}</p>

          <p>{{ item.searchData.content }}</p>
          <p>{{ item.searchData.createBy }}</p>
          <p>{{ item.searchData.level }}</p>
          <p>{{ item.searchData.state }}</p>
          <p>{{ item.searchData.title }}</p>

          <p>{{ item.searchData.departmentName }}</p>
          <p>{{ item.searchData.remark }}</p>
          <p>{{ item.searchData.contactPhone }}</p>
          <p>{{ item.searchData.email }}</p>
          <p>{{ item.searchData.brief }}</p>
        </li>
      </ul>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchdata: [],
      show: true,
    };
  },
  created() {},
  methods: {},
  mounted() {
    if (this.$route.query) {
      this.searchdata = JSON.parse(this.$route.query.name);
      console.log(this.searchdata);
    }
  },
};
</script>

<style scoped>
.item {
  float: left;
  width: 10em;
  margin-right: 1em;
  text-align: left;
  width: 200px;
  height: 400px;
  border: 1px solid #f4f4f4;
  /*边框合并*/
  margin: 0 0 -1px -1px;
  position: relative;
  z-index: 0;
}

.item:hover {
  border-color: #2927af;
  z-index: 1;
}
</style>
